<template>
  <div class="main">
    <SurebetsTable v-if="activemenus.value == 'surebets'" />
    <GendanTable v-if="activemenus.value == 'gendan'" :showadd="showgendanadd" />
  </div>
</template>

<script setup>
import GendanTable from './GendanTable.vue'
import SurebetsTable from './SurebetsTable.vue'

import GendanAdd from './GendanAdd.vue'


const props = defineProps({
  activemenus: Object,
})
const showgendanadd = reactive({
  show: false,
})
</script>

<style lang="scss" scoped>
.main {
  background: #fff;
  width: 100%;
  height: 100%;
  display: flex;
}
</style>